const list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, "J", "Q", "K"];
// const songs = [
//     { id: 1, name: "痴心绝对" },
//     { id: 2, name: "像我这样的人" },
//     { id: 3, name: "南山南" },
// ];
// 渲染歌曲的name
// 数据类型
// 字符串
// 数值
// 对象 -> 不能
// 数组
// null
// undefined
// 布尔
// 函数

const element = (
    <div>
        {list
            .filter((item, index) => index % 2 === 0)
            .map((item, index) => {
                return <div key={index}>{item}</div>;
            })}

        <div>{[<div>arr</div>, <div>数组</div>]}</div>
        <div>{"字符串"}</div>
        <div>{1.1}</div>
        <div>{[1, 2]}</div>
        <div>
            {(function () {
                return 1;
            })()}
        </div>
    </div>
);
export default element; // jsx
